// 获取退出登录事件
const logout = document.querySelector('.logout')
// 一级标题
const oneList = document.querySelectorAll('.nav>li>a')
// 二级标题
const twoList = document.querySelectorAll('.nav ul a')
// 初始化按钮
const init = document.querySelector('.init')

// 退出登录事件
logout.addEventListener('click', function () {
  // 用confirm 框让用户是否确定退出登录
  // confirm 点击确定返回true 点击取消返回false
  if (confirm('确定退出吗！')) {
    // 删除本地存储的token
    localStorage.removeItem('token1')
    // 跳转到登录页
    location.href = './login.html'
  }
})

// 通过遍历一二级标题 数组添加点击事件
oneList.forEach(value => {
  value.addEventListener('click', function () {
    // 通过toggle 判断是否含有该类名
    value.nextElementSibling.classList.toggle('show')

    // jQuery方法
    // $(value).next().toggle(1000)
  })
})
twoList.forEach(value => {
  value.addEventListener('click', function () {
    // 删除二级标题含有active 类名
    document.querySelector('.nav ul a.active').classList.remove('active')
    // 给点击的二级标题添加active 类名
    value.classList.add('active')
  })
})
// 数据初始化
init.addEventListener('click', async function () {
  const result = await axios({
    url: '/init/data',
  })
})